<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>审核结果详情列表</title>
    <link href="../../layui/css/layui.css" rel="stylesheet">
    <link href="../../static/css/style.css" rel="stylesheet">
    <script src="../../static/js/jquery.min.js"></script>
    <script src="../../static/js/jquery.cookie.js"></script>
    <script src="../../layui/layui.js"></script>
    <script src="../../static/js/base.js"></script>
    <script src="../../static/js/ax.js"></script>
    <script src="../../static/js/avalon.js"></script>
    <!--[if lt IE 9]>
    <script src="../../static/js/html5.js"></script>
    <script src="../../static/js/respond.js"></script>
    <![endif]-->
</head>

<body>
    <div class="layui-fluid" ms-controller="test">
        <div class="layui-card content-wrap">
            <!--查询-->
            <!--<div class="layui-form layui-card-header layuiadmin-card-header-auto">-->
            <form class="layui-form layui-form-pane">
                <div class="layui-form-item">
                    <div class="layui-row layui-col-space10">
                        <div class="layui-col-sm4">
                            <label class="layui-form-label">学员列表</label>
                            <div class="layui-input-block">
                                <input type="text" id="noticeTitle" :duplex="searchKey" placeholder="请输入姓名或证件号码" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <!--<div class="layui-col-sm4">-->
                            <!--<label class="layui-form-label">受理结果</label>-->
                            <!--<div class="layui-input-block">-->
                                <!--<select id="exportStatus" name="exportStatus">-->
                                    <!--<option value="all">全部</option>-->
                                    <!--<option value="imp">成功</option>-->
                                    <!--<option value="exp">失败</option>-->
                                <!--</select>-->
                            <!--</div>-->
                        <!--</div>-->
                        <div class="layui-col-sm4">
                            <label class="layui-form-label">时间类型</label>
                            <div class="layui-input-block">
                                <select id="timeType" name="timeType">
                                    <option value="0">全部</option>
                                    <option value="1">申请时间</option>
                                    <option value="2">受理时间</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row layui-col-space10">
                        <div class="layui-col-sm4">
                            <label class="layui-form-label">时间范围起</label>
                            <div class="layui-input-block">
                                <input type="text" class="layui-input" placeholder="时间范围起" id="fromTime" autocomplete="off">
                            </div>
                        </div>
                        <div class="layui-col-sm4">
                            <label class="layui-form-label">时间范围至</label>
                            <div class="layui-input-block">
                                <input type="text" class="layui-input" placeholder="时间范围止" id="toTime" autocomplete="off">
                            </div>
                        </div>

                        <div class="layui-col-sm4">
                            <a id="doSearch" class="layui-btn add_btn" :click="shearch()">
                                <i class="layui-icon layui-icon-search"></i>查询</a>
                            <button type="reset" class="layui-btn delete_btn">
                                <i class="layui-icon layui-icon-delete"></i>清空</button>
                         
                        </div>

                    </div>
                </div>
            </form>


            <!--数据列表展示-->
            <div>
                <table class="layui-hide" id="dataListTable" lay-filter="active"></table>
            </div>


        </div>
    </div>


</body>

<script>
    var table;
    var tableObj;

    var vm = avalon.define({
        $id: "test",
        recordId: '',
        searchKey: '',
        fromTime:'',
        toTime:'',
        shearch: function () {
            table.reload('loadDataList', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                , where: {
                    searchKey: vm.searchKey,
                    recordId:vm.recordId,
                    timeType:function () {
                        return $("#timeType").val();
                    },
                    fromTime: vm.fromTime,
                    toTime: vm.toTime,

                }
            });
            return false
        }
        
    });
    vm.$watch('onReady', function () {
        //获取省市区
        vm.recordId = getQueryString('id');

    })


    layui.use(['table', 'form', 'laydate', 'layer', 'element', 'upload'], function () {
        table = layui.table;

        var $ = layui.$,
            form = layui.form,
            layDateFrom = layui.laydate,
            layDateTo = layui.laydate,
            importFile = layui.upload,
            layer = layui.layer;

        // 初始化日期控件
        var fromTime = layDateFrom.render({
            elem: '#fromTime',
            type: "datetime",
            max:'nowTime',//默认最大值为当前日期
            done:function(value, date) {
                vm.fromTime =value;
                if(date.hasOwnProperty("year")) {
                    toTime.config.min = {
                        year: date.year,
                        month: date.month - 1,//关键
                        date: date.date,
                        hours: date.hours,
                        minutes: date.minutes,
                        seconds: date.seconds
                    };
                }
            }
        });
        var toTime = layDateTo.render({
            elem: '#toTime',
            type: "datetime",
            max:'nowTime',//默认最大值为当前日期
            done:function(value, date) {
                vm.toTime =value;
                if(date.hasOwnProperty("year")) {
                    fromTime.config.max = {
                        year: date.year,
                        month: date.month - 1,//关键
                        date: date.date,
                        hours: date.hours,
                        minutes: date.minutes,
                        seconds: date.seconds
                    };
                }
            }
        });
        tableObj = ax.VTable({
            id: 'loadDataList',
            elem: '#dataListTable',
            url: backendWebUrl + '/api/student/review/listImportDetail?recordId='+getQueryString('id'),
            title: '导出记录明细',
            cols: [[
                { field: 'id',width:80,title: '序号', fixed: 'left', type: "numbers" },
                { field: 'serialNumber', width:150, title: '流水号',  fixed: 'left' },
                { field: 'studentName', width:100,title: '姓名', fixed: 'left' },
                { field: 'idNo', width:180,  title: '证件号码' },
                { field: 'bizType', width:150,  title: '业务类型' },
                { field: 'hasFingerprint', width:100,   title: '是否有指纹' },
                { field: 'hasCertificatePhotos', width:100,   title: '是否有证件照' },
                { field: 'hasCertificatePhotosBig', width:100,  title: '是否有证件照大图' },
                { field: 'dsName', width:250, title: '驾校名称'},
                { field: 'carType', width:100,  title: '车型' },
                { field: 'processingTime', width:180,   title: '申请时间' },
                { field: 'processingResults', width:150,  title: '受理结果' },
                { field: 'feedbackResult', width:200,  title: '反馈结果' },
                { field: 'applyTime', width:180,   title: '受理时间' },
                { field: 'managerDepartment', width:200,  title: '管理部门' }
            ]]

        });
    });
</script>

</html>